<ion-header>
  <ion-toolbar color="customblue">
    <ion-buttons slot="start">
      <ion-back-button text="" defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>数据凭证</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="content">
    <div *ngIf='dataLength == 0' class="nofile">
      <i class="iconfont iconyduiwodedingdan" ></i>
      <span>您还没有相关数据</span>
    </div>
    
    <div class="content-s" *ngFor='let item of resultList'>
      <div class="content2">
        <p>存证编号：{{item.fileNo}}</p>
      </div>
      <div  class="content1">
        <p>保全标题</p>
        <p>{{item.title}}</p>
      </div>
      <div  class="content1">
        <p>文件名称</p>
        <p>{{item.fileName}}</p>
      </div>
      <div  class="content1">
        <p>证书图片</p>
        <p class="yubtn" (click)="showImg(item)">预览</p>
      </div>
      <div  class="content1">
        <p>材料</p>
        <p class="yubtn" (click)="showPdf(item)">预览</p>
      </div>
      <div  class="content1">
        <p>证件号码</p>
        <p>{{item.idCard}}</p>
      </div>
      <div  class="content1">
        <p>申请时间</p>
        <p>{{item.createDate}}</p>
      </div>
      <!-- <div  class="content1">
        <p></p>
        <ion-button size="small" (click)="downloadcl(item.filePath)">下载</ion-button>
      </div> -->
      <div class="bar"></div>
    </div>
    
  </div>
  <!-- <div class="pdf_box"> -->
      <pdf-viewer [src]="pdfSrc"
      [show-all]="true"
      [original-size]="false"
      [autoresize]="true"
      [zoom]=1
      [render-text]="false"
      style="display: block;position: absolute;z-index: 10000;top: 0;width: 100%;"
      *ngIf="isShowPdf"
      (click)="shutDownPdf()"
      ></pdf-viewer>
  <!-- </div> -->
  
  
    <div class="imgslides" *ngIf="isShowimg">
      <div class="imgslides-icon" (click)="iconclick()"><ion-icon name="close-outline"></ion-icon></div>
      <ion-slides class="imgslides1" pager="true" [options]="slideOpts">
        <ion-slide *ngFor="let item of imglist">
          <img [src]="item">
        </ion-slide>
      </ion-slides>
    </div>
</ion-content>
<div class="mask" *ngIf="isShowPdf" (click)="shutDownPdf()"></div>
